function grtCommentList() {
    $.ajax({
        method: 'GET',
        url: "http://www.liulongbin.top:3006/api/cmtlist",
        data: {},
        success: function(res) {
            if (res.status !== 200) {
                return alert('获取评论失败');
            };
            //渲染ui结构 到容器中
            var rows = [];
            $.each(res.data, function(i, item) {
                var str = `<li class="list-group-item">
                ${item.content}<span class="badge" style="background-color:#F0AD4E ;">${item.time}</span>
                <span class="badge" style="background-color: #5BC0DE;">${item.username}</span>
                </li>`;
                rows.push(str);
            });
            $('#cmt-list').empty().append(rows.join(''));
        }
    })
};
grtCommentList();

$(function() {
    $('#formAddCmt').submit(function(e) {
        // 阻止默认提交行为
        e.preventDefault();
        var data = $(this).serialize();
        $.post('http://www.liulongbin.top:3006/api/addcmt', data, function(res) {
            if (res.status !== 201) {
                return alert('发表评论失败');
            };
            grtCommentList();
            // 清空表单信息
            // 先转换为原生DOM
            $('#formAddCmt')[0].reset();
        })
    })
})